
const CompressionPlugin = require("compression-webpack-plugin")
// 引入等比适配插件
const px2rem = require("postcss-px2rem");
// 配置基本大小
const postcss = px2rem({
    // 设计稿尺寸 1920 / 10
    remUnit: 192,
});
module.exports = {
    chainWebpack: (config) => {
        config.module
            .rule("css")
            .test(/\.css$/)
            .oneOf("vue")
            .use("px2rem-loader")
            .loader("px2rem-loader")
            .options({
                remUnit: 192,
                remPrecision: 8,
            })
            .end();
        config.plugin('html')
            .tap(args => {
                args[0].title = 'title test'
                return args
            })
        // if (process.env.NODE_ENV === 'production') {
        //     config.plugin('compressionPlugin')
        //         .use(new CompressionPlugin({
        //             test: /\.js$|\.html$|.\css/, // 匹配文件名
        //             threshold: 10240, // 对超过10k的数据压缩
        //             deleteOriginalAssets: false // 不删除源文件
        //         }))
        // }

    },
    css: {
        loaderOptions: {
            postcss: {
                plugins: [postcss]
            },
        },
    },

}
